<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>为青春添彩 有你更精彩</title>
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/flexible.js"></script>
    <!-- head 中 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
    <style>
        html,
        body {
            width: 100vw;
            min-height: 100vh;
            overflow-x: hidden;
        }

        .toolbar .title {
            font-size: 0.6rem !important;
            line-height: 1.4rem !important;
        }

        .toolbar .picker-button {
            font-size: 0.6rem !important;
            height: 1.4rem !important;
            line-height: 1.4rem !important;
        }

        .toolbar .toolbar-inner {
            height: 1.4rem !important;
        }

        .input1 {
            display: none;
        }

        .input1+span {
            display: inline-block;
            width: .39rem;
            height: .39rem;
            border: solid .026667rem #999999;
        }

        .input1:checked+span {
            background: url('./images/10.png')no-repeat;
            background-size: cover;
            width: .39rem;
            height: .39rem;
        }
    </style>
</head>

<body>
    <div class="container7">
        <img src="./images/19.png" alt="" class="img19">
        <div class="content">
            <div class="input">
                <div>
                    <div class="require">*</div>
                    <div>姓名:</div>
                </div>
                <input type="text">
            </div>
            <div class="input">
                <div>
                    <div class="require">*</div>
                    <div>学校:</div>
                </div>
                <input type="text">
            </div>
            <div class="input">
                <div>
                    <div class="require">*</div>
                    <div>年级:</div>
                </div>
                <input type="text" class="grade">
                <img src="./images/13.png" alt="" class="img13">
            </div>
            <div class="input">
                <div>
                    <div class="require">*</div>
                    <div>专业:</div>
                </div>
                <input type="text">
            </div>
            <div class="input">
                <div>
                    <div class="require">*</div>
                    <div>性别:</div>
                </div>
                <input type="text" class="sex">
                <img src="./images/13.png" alt="" class="img13">
            </div>
            <div class="input">
                <div>
                    <div class="require">*</div>
                    <div>户籍所在地：</div>
                </div>
                <input type="text">
            </div>
            <div class="input">
                <div>
                    <div class="require">*</div>
                    <div>联系方式:</div>
                </div>
                <input type="text">
            </div>
            <div class="info">
                <div class="title">
                    <div class="require">*</div>
                    <div>相关情况:</div>
                </div>
                <div class="item">
                    <div class="select">1、你倾向的工作时间：</div>
                    <div class="label">
                        <label for="radio1">
                            <input class="input1" name="radio1" id="radio1" type="radio">
                            <span></span>
                            <div class="confirm">周一至周五</div>
                        </label>
                        <label for="radio2">
                            <input class="input1" name="radio1" id="radio2" type="radio">
                            <span></span>
                            <div class="confirm">周末</div>
                        </label>
                        <label for="radio3">
                            <input class="input1" name="radio1" id="radio3" type="radio">
                            <span></span>
                            <div class="confirm">每天都可以</div>
                        </label>
                        <label for="radio4">
                            <input class="input1" name="radio1" id="radio4" type="radio">
                            <span></span>
                            <div class="confirm">定期</div>
                        </label>
                    </div>
                </div>
                <div class="item">
                    <div class="select">2、你倾向的工作地点：</div>
                    <div class="label">
                        <label for="radio5">
                            <input class="input1" name="radio2" id="radio5" type="radio">
                            <span></span>
                            <div class="confirm">校内</div>
                        </label>
                        <label for="radio6">
                            <input class="input1" name="radio2" id="radio6" type="radio">
                            <span></span>
                            <div class="confirm">校外</div>
                        </label>
                        <label for="radio7">
                            <input class="input1" name="radio2" id="radio7" type="radio">
                            <span></span>
                            <div class="confirm">校内外均可</div>
                        </label>
                    </div>
                </div>
                <div class="item">
                    <div class="select">3、你倾向的工作方式：</div>
                    <div class="label">
                        <label for="radio8">
                            <input class="input1" name="radio3" id="radio8" type="radio">
                            <span></span>
                            <div class="confirm">固定站点</div>
                        </label>
                        <label for="radio9">
                            <input class="input1" name="radio3" id="radio9" type="radio">
                            <span></span>
                            <div class="confirm">流动销售</div>
                        </label>
                        <label for="radio10">
                            <input class="input1" name="radio3" id="radio10" type="radio">
                            <span></span>
                            <div class="confirm">商圈集市</div>
                        </label>
                        <label for="radio11">
                            <input class="input1" name="radio3" id="radio11" type="radio">
                            <span></span>
                            <div class="confirm">以上均可</div>
                        </label>
                        <div style="display: flex;">
                            <label for="radio12">
                                <input class="input1" name="radio3" id="radio12" type="radio">
                                <span></span>
                                <div class="confirm">其他</div>
                            </label>
                            <input type="text" class="other">
                        </div>
                        
                    </div>
                </div>
                <div class="item">
                    <div class="select">4、你是否有兴趣发展自己的顶呱刮销售团队</div>
                    <div>（领队可获得额外奖励）:</div>
                    <div class="label">
                        <label for="radio13">
                            <input class="input1" name="radio4" id="radio13" type="radio">
                            <span></span>
                            <div class="confirm">我有兴趣也有能力</div>
                        </label>
                        <label for="radio14">
                            <input class="input1" name="radio4" id="radio14" type="radio">
                            <span></span>
                            <div class="confirm">我想自己先试试</div>
                        </label>
                        <label for="radio15">
                            <input class="input1" name="radio4" id="radio15" type="radio">
                            <span></span>
                            <div class="confirm">没有兴趣</div>
                        </label>
                    </div>
                </div>
            </div>
            <div class="btns">
                <button class="submit"></button>
                <a href="" style="margin-top: -0.3rem;"><img src="./images/09.png" alt="" class="img09"></a>
            </div>

        </div>
    </div>
    <!-- 提交成功弹窗 -->
    <div class="popup" style="display: none;">
        <div class="content">
            <div class="title">信息已成功提交，感谢您的积极参与！</div>
            <div class="tips">如通过遴选，会有湖北体彩的工作人员电话与您联系，请保持手机畅通。<span>（我们会对您的个人资料严格保密，妥善保管。所有信息仅供本次活动使用。）</span></div>
            <!-- 删除按钮 -->
            <img src="./images/26.png" alt="" class="img26">
        </div>
    </div>
</body>
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>
<script>
    $(".grade").select({
        title: "选择年级",
        items: ["一年级", "二年级", "三年级", "四年级"]
    });
    $(".sex").select({
        title: "选择性别",
        items: ["男", "女"]
    });
</script>

</html>